<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文章内容</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/detail.css">
</head>
<body>

    <div class="导航栏">
        <div class="公司品牌头像">
            <div class="logo容器">
                <img src="img/logo2.jpg" width="40">
            </div>
            <p>我的博客系统</p>
        </div>

        <div class="填充"></div>

        <div class="功能栏">
            <a href="list.html">主页</a>
            <a href="edit.html">写博客</a>
            <a href="login.html">注销</a>
        </div>
    </div>

    <div class="主体区">
        <div class="个人中心">
            <div class="头像容器">
                <img src="img/1.png" class="头像" height="120">
            </div>
            <p>爱干饭的猿</p>
            <div>
                <a href="">git 地址</a>
            </div>

            <div class="数量">
                <div>
                    <div>文章</div>
                    <div>2</div>
                </div>
                <div>
                    <div>分类</div>
                    <div>1</div>
                </div>
            </div>

        </div>

        <div class="列表">
            <div class="文章">
                <h2 class="文章标题">我的第一篇博客</h2>
                <p class="发表时间">2022-05-30</p>
                <p class="文章内容">略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。略。。。。</p>
            </div>
        </div>
    </div>

</body>
</html>